.btn-green {
  background-color: hsl(120, 50%, 16%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3fbf3f", endColorstr="#143d14");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3fbf3f), to(#143d14));
  background-image: -moz-linear-gradient(top, #3fbf3f, #143d14);
  background-image: -ms-linear-gradient(top, #3fbf3f, #143d14);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fbf3f), color-stop(100%, #143d14));
  background-image: -webkit-linear-gradient(top, #3fbf3f, #143d14);
  background-image: -o-linear-gradient(top, #3fbf3f, #143d14);
  background-image: linear-gradient(#3fbf3f, #143d14);
  border-color: #143d14 #143d14 hsl(120, 50%, 7.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.56);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

.btn-green:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

.btn-red {
  background-color: hsl(0, 100%, 31%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe5656", endColorstr="#9e0000");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fe5656), to(#9e0000));
  background-image: -moz-linear-gradient(top, #fe5656, #9e0000);
  background-image: -ms-linear-gradient(top, #fe5656, #9e0000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fe5656), color-stop(100%, #9e0000));
  background-image: -webkit-linear-gradient(top, #fe5656, #9e0000);
  background-image: -o-linear-gradient(top, #fe5656, #9e0000);
  background-image: linear-gradient(#fe5656, #9e0000);
  border-color: #9e0000 #9e0000 hsl(0, 100%, 22%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.59);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

.btn-red:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}

.btn-blue {
  background-color: hsl(213, 100%, 58%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6e8fe", endColorstr="#2889ff");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d6e8fe), to(#2889ff));
  background-image: -moz-linear-gradient(top, #d6e8fe, #2889ff);
  background-image: -ms-linear-gradient(top, #d6e8fe, #2889ff);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e8fe), color-stop(100%, #2889ff));
  background-image: -webkit-linear-gradient(top, #d6e8fe, #2889ff);
  background-image: -o-linear-gradient(top, #d6e8fe, #2889ff);
  background-image: linear-gradient(#d6e8fe, #2889ff);
  border-color: #2889ff #2889ff hsl(213, 100%, 49.5%);
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.56);
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
}

.btn-blue:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
